
@media (max-width: 1600px) {
    body,
    html {
      font-size: calc(100vw / 110);
    }
    .container {
      padding: 0 10rem;
    }
    .con {
      padding: 0 8rem;
  }
  }
  @media (max-width: 1440px) {
    body,
    html {
      font-size: calc(100vw / 100);
    }
    .container,.recruitment .recruitment-con {
      padding: 0 3rem;
  }

  .con {
    padding: 0 3rem;
  }
  .cons {
    padding: 0 12rem;
}.designerdetails.active .cons{
  padding: 0 29rem 0 7rem;
}
.icon-ul {
  right: 7%;

}
  }
  @media (max-width: 1366px) {
    body,
    html {
      font-size: calc(100vw / 95);
    }
  }
  @media (max-width: 1280px) {
    body,
    html {
      font-size: calc(100vw / 90);
    }
  }
  @media (max-width: 990px) {
   
    body,
    html {
      font-size: 14px;
    }
    .container {
      padding: 0 1rem;
    }
    .con , .recruitment .recruitment-con{
      padding: 0 1rem;
    }
  }
  @media (max-width: 767px) {
    .container {
      padding: 0 1rem;
    }
  }

  @media (max-width: 1600px) {
    .passcheck-container {
      padding: 3.625rem 10.4375rem 0;
 
  }.settle-container .titles{
    font-size: 2rem;
  }.settle-ban .ban-wz .div1{
    font-size: 2.3rem;
  }.settle .settle-ul li .p1{
    font-size: 1.2rem;
  }.platform .row .col-sm .platform-box .zhaiyao{
    font-size: 1.1rem;
  }.settle .settle-ul li .p2{
    margin-top: .3rem;
    font-size: 1rem;
  }.settle-container .provide .provide-box .provide-ul li .p1{
    font-size: 1.2rem;
  }.settle-container .upload .re .upload-res-ul {
    width: 77%;
}
  }
  @media (max-width: 1440px) {
    .personal .personal-le {
      width: 25%;
  }.personal .personal-re {
    width: 72%;
}.means .wz-rz{
  line-height: 1.3;
} .uploadworks .uploadworks-foot .box-input .bj-ul li{
  margin-right: .1rem;
}
  }
  @media (max-width: 1200px) {
    .passcheck-container {
      padding: 3.625rem 5.4375rem 0;
 
  }
    .essential .essential-ul li .le-span{
      width: 8%;
    }.personal .personal-le {
      width: 27%;
  }.personal .personal-re {
    width: 70%;
}.means .sculpture-le .overall-btn{
  margin-top: 0;
}.uploadworks .uploadworks-bot .upload-list{
  height: 34.75rem;
}.uploadworks .uploadworks-foot {
  margin-top: 2.8125rem;
}
  }
  @media (max-width: 990px) {

    body{
      padding-top: 3.9375rem;
    }

    .phone{
      display: block;
    }
    .signin .signin-le {
      width: 37%;
      padding: 1.6875rem 1.5625rem 1.6875rem 1.5rem;

    }.signin .signin-re{
      width: 62%;
    }
    .signin .signin-re .signin-box {
      width: 78%;
    }.signin .signin-le .tile-en {
      margin-top: 12.0625rem;
    }
    .header{
      display: none;
    }.banner .desigin-ul li a{
   
      font-size: 1rem;
    }.banner .search-for{
      margin-top: 1rem;
    }
    .banner .hot-search{
      margin-top: 1rem;
    }.uploadworks.active{
      height: 9.25rem;
    }.searchinp{
      margin-bottom: 1rem;
    }.designerdetails .cons{
      padding:0  8rem 0 1rem  ;
    } 
    .right-feedback{
      position: fixed;
  
      top: 0;width: 50%;z-index: 999;
    }

    .designerdetails .right-feedback.active{
  
      
      right: 0;
      bottom: 0;
    
    }
    .designerdetails.active .cons{
      padding: 0 1rem;
 
    }.personal .personal-le .personal-bot{
      padding:  2rem;
    }.personal .personal-le .personal-top{
      padding: 0 3rem 2rem 3rem;
    }.recruitment .recruitment-le{
      width: 100%;padding-right:0;
      border-right:transparent;
      padding-bottom: 0;
    }.recruitment .recruitment-re{
      width: 100%;
    }.personal .personal-le{
      width: 40%;
      display: none;
    }.personal .personal-re{
      width: 100%;
    }
 .personal .personal-re .personal-re-ul li a{
      font-size: 1rem;
    }    .passcheck-container {
      padding: 2.625rem 1rem 0;
 
  }.passcheck-container .modification-body .modification-con{
    padding: 0 1rem 1rem;
  }.passcheck-container .modification-body .modification-ul li {
    font-size: 1.1rem;

    padding: 2.1875rem 0 0.5625rem;
  }.passcheck-container .modification-body .modification-con .acount-con .acount-ul li .col-sm-9{
    line-height: 1.5;
  }.passcheck-container .modification-body .modification-con .acount-con .acount-ul li .col-sm-1{
    line-height: 1.5;
  }.settle .settle-ul li{
    width: 100%;
    margin-bottom: 1rem;
    margin-left: 0;
  }
  .settle .settle-ul{
    top: 0;
    margin-top: 2rem;
  }.platform .row .col-sm .platform-box {
    padding-top: 0.625rem;
}.settle-container .titles{
  font-size: 1.5rem;
}.platform .row .col-sm .platform-box .zhaiyao{
  font-size: 1rem;
}.platform .row .col-sm .platform-box1{
  padding-left: 1rem;
}.platform .row .col-sm .platform-box .ywu-a{
  font-size: 1rem;
  margin-top: 1rem;
}.settle-container .provide .provide-box .provide-ul li {
  width: 10.75rem;
  height: 10.75rem;
  padding:2rem 1rem;
}.settle-container .provide .provide-box .provide-ul li::before {

  width: 1.9375rem;
}.settle-container .provide .provide-box .provide-ul li .div1{
  line-height: 1.5;
  font-size: 1rem;
}
.settle-container .provide .provide-box .provide-ul::before {

  transform: rotate(46deg);
}.settle-container .provide .provide-box .provide-ul::after{
   transform: rotate(312deg);
}.settle .settle-ul li{
  padding: 2rem 2rem 2rem 7rem;
}.settle-container .tradition .tradition-box .miao{
  font-size: 1rem; line-height:2 ;
}.settle-container .tradition .tradition-box .pk-box{
  width: 4rem;
  line-height: 4rem;
  height: 4rem;
 
  font-size: 1.3rem;
}.settle-container .tradition{
  margin-top: 3rem;
}.settle-container .tradition .tradition-box {
  margin-top: 3.25rem;
}.settle-container .upload .re{
padding: 2rem;
}.settle-container .upload .p1{
  font-size: 1.5rem;
}.settle-container .upload .upload-box > div{
  padding: 2rem;
}.settle-container .upload .upload-box > div{
  width: 100%;
  &:nth-child(2){
    margin-top: 1rem;
  }
}.settle-container .upload .re .upload-res{
  margin-top: 1rem;
}.settle-container .join{
  margin-top:3rem;
}.settle-container .join .join-ul {
  margin-top: 5.125rem;
  margin-bottom: 2.625rem;
}.settle-container .join .join-ul li .num {

  left: -5%;
  top: -20%;
}.settle-container .join .join-ul li .jion-title{
  padding: 0 1rem;
}.settle-container .questions{
  margin-top: 3rem;
}.settle-container .questions .questions-con{
  margin-top: 1rem;
}.settle-container .questions .questions-con .questions-box .p_answer{
  font-size: 1rem;
}.settle-container .settle-foot-ban{
  font-size: 1.1rem;
}.settle-container .settle-foot-ban .fl{
  padding-right: 3rem;
}.settle-container .settle-foot-ban .fr{
  padding-left: 3rem;
}.settle-container .settle-foot-ban{
  background-size: cover;
background-position: center;
}.settle-container .settle-foot-ban .xianshi{
  top: auto;
  bottom: 100%;
}.settle-container .settle-foot-ban .close{
  line-height: 2;
}.qr-login .qr-login-box{
  width: 59%;
}
  } 
   @media (max-width:767px) {
    .qr-login .qr-login-box{
      width: 95%;
      padding: 2rem;
    }.qr-login .qr-login-box .miaoshu{
      font-size: 1rem;
    }
    .signin .signin-le{
        width: 100%;
    }.signin .signin-re{
      width: 100%;
    }
    .signin .signin-le{
      height: auto;
    }
    .signin .signin-le .tile-en {
      margin-top: 1.0625rem;
  }
  .signin .signin-re{
    height: auto;
  }

  // .signin {

  //   background: url('@/assets/img/13.jpg') no-repeat;
  //   background-size: cover;
  // }
  .signin .signin-re .signin-box{
  position: relative;
  left: 0%;
  top: 0%;width: 100%;
  transform: translate(0%, 0%);
  -ms-transform: translate(0%, 0%);
  -moz-transform: translate(0%, 0%);
  -webkit-transform: translate(0%, 0%);
  -o-transform: translate(0%, 0%);
  padding: 1rem;
  }.signin .signin-le .tile-en{
    font-size: 1.5rem;
    line-height: 1.5;
  }.signin .signin-le .tile-cn{
    font-size: 1.5rem;
  }.signin .signin-re .signin-box .signin-title{
    font-size: 1.5rem;
  }.signin .signin-re .signin-box{
   
  }.banner .search-for{
    width: 100%;
  }.banner .desigin-ul li{
    margin: .2rem;
  }.banner{
    padding:2rem 1rem;
  }.banner .banner-characters{
    font-size: 1.5rem;
  }.banner .banner-describe{
    font-size: 1rem;
    margin-top: .5rem;
  }.banner .hot-search .hot-search-ul li{
    margin: .2rem;
  }.case-div{
    margin-bottom: 1rem;
  }.designerdetails .title{
    font-size: 1.5rem;
  }.designerdetails .cons {
    padding: 0 4rem 0 1rem;
}.icon-ul {
  right: 3%;
}.right-feedback.active{
  width: 80%;
  padding: 3rem 2rem;
}.right-feedback textarea{
  height: 5rem;
}.right-feedback .fankui-p{
  font-size: 1.2rem;
}.right-feedback{
 
  min-height: auto;
  height: 100%;
}
.commit-ner{
 padding-bottom: 1rem;
  
}
.commit-ner{
  height: 41.25rem;

  overflow-y: scroll;
}.designerdetails .cons{
  padding: 0 1rem;
}.designerdetails .designerdetails-con{
  padding-right: 3rem;
}.designerdetails .sculpture-le .overall-btn{
  width: 100%;
  text-align: left;
  margin-top: 1rem;
}
.works-div{
  .col-sm-3{
    margin-bottom: 1rem;
  }
}.designerdetails .designerdetails-con{
  font-size: 1rem;
}
.sculpture-le .overall-btn {
 margin-left: 0rem;
  position: relative;
text-align: right;
width: 100%;
 top: 0rem; 
 margin-top: 1rem;
}.designer-page-top{
  padding-top: 3rem;
}.recruitment .recruitment-le .title{
  font-size: 1.5rem;
}.recruitment .recruitment-le .recruitment-ul li{
  padding:0   0 1rem 0;
}.recruitment .recruitment-le .recruitment-ul li .recruitment-bots .recruitment-lunbo .swiper-slide{
  border-radius: .3125rem;

}.recruitment .recruitment-re{
  padding-top:1rem;
}.overall-btn a{
  padding: .3rem 2rem;
}.recruitment .recruitment-le .recruitment-ul li .recruitment-bots{
  margin-top: 1rem;
}.recruitment .recruitment-le .recruitment-ul li .recruitment-bots .recruitment-lunbo .swiper-button-next, .recruitment .recruitment-le .recruitment-ul li .recruitment-bots .recruitment-lunbo .swiper-button-prev{
top: 2.25rem;

}.recruitment-lunbo .swiper-button-next:after, .recruitment-lunbo .swiper-button-prev:after{
  font-size: 1rem;
}   .essential .essential-ul li .le-span{
  width: 100%;
}.essential .essential-ul li .re-div{
  width: 100%;
  margin-top: .3125rem;
}.means .wz-rz{
  width: 100%;
  margin-top: 1rem;
}
.personal-banner{
  >img{
    height: 12.5rem;
  }
}.personal .personal-re .personal-re-ul li{
  margin-right: .5rem;
}.personal .personal-re .personal-re-cons .personal-re-p{
  font-size: 1.5rem;
}.sculpture-le .sculpture-img > div .surname{
  font-size: 1.2rem;
}.essential .essential-p{
  font-size: 1.1rem;
}.means .el-date-editor.el-input, .means .el-date-editor.el-input__wrapper {
  width: 100% !important;
}.means .el-input__wrapper{
  flex-grow: 1;
}.el-input,.el-select{
  width: 100%!important;
}.essential .essential-ul li .re-div{
  margin-left: 0;
}.means .essential-info .essential-ul{
  width: 100%;
}.ml25 {
  margin-left: 0;
  margin-top: 1rem;
}.means .essential-info{
  padding-top: 1rem;
  margin-top: 1rem;
}.essential .essential-ul li{
  margin-bottom: .6rem;
}.personal .personal-div{
  padding: 1rem 0 0;
}.passcheck-container .modification-body .modification-con .acount-con .acount-ul li .col-sm-9{
  margin-bottom: 1rem;
}.passcheck-container .modification-body .modification-con .acount-con .acount-ul li{
  padding: 0;
}.passcheck-container .modification-body .modification-ul li{
  margin: 0 .5rem;
}.passcheck-container {
  padding: 3rem 1rem 0;
}.passcheck-container .modification-head .logo img {
  width: 5.875rem;
}.passcheck-container .modification-head .logo span {

  font-size: 1rem;
  margin-left: .3rem;
}.passcheck-container .modification-head .exitplatform .tou-img span{
  margin-left: .2rem;
}
.passcheck-container .modification-head .exitplatform a{
margin:  0 .2rem;
}.passcheck-container{
  min-height: auto;
}.uploadworks .uploadworks-top .tile{
  font-size: 1.5rem;
}.uploadworks .uploadworks-top .uploadworks-box{
  margin-top: 1rem;
}.uploadworks .uploadworks-bot .le{
  width: 100%;
}.uploadworks .uploadworks-bot .upload-list{
  width: 100%;
  margin-top: 1rem;
  padding: 1rem;
}.uploadworks .uploadworks-foot .box-input .bj-ul li{
  margin-right: .5rem;
}.text-box4 .boxs-ul li{
  margin-right: .1rem;
  margin-bottom: .2rem;
}.text-box4 .el-tag{
  margin: .2rem;
}.uploadworks .uploadworks-bot .le{
  margin-top: 2rem;
}.settle-container .join .join-ul li{
  width: 48%;
  
  margin: 1% 1% 2%;
}.settle-container .join .join-ul li .num{
  width: 100%;
  border-radius: 0;
  margin-top: 0rem;
  background: transparent;
  padding: .5rem 0;
  height: auto;

  color: #000;
  position: relative;
  top: auto;
  left: auto;
}.settle-container .join .join-ul li .num .p-cn,.settle-container .join .join-ul li .num .p-en{
  color: #3D3D4E;
}.settle-container .join .join-ul li .jion-title{
  margin-top: 0;
}.settle-container .join .join-ul{
  margin-top: 1rem;
}.settle-container .settle-foot-ban{
  display: none;
}.settle-container .upload .upload-box > div{
  padding: 1rem;
  border-radius: .625rem;
}.settle-container .upload .re .upload-res-ul{
  width: 70%;
}.settle-container .upload .re .upload-res-ul li input{
  width: 100%;
}.settle-container .upload .re .pload-res-box{
  margin-top: 2rem;
}.settle-container .titles{
  font-size: 1.3rem;
}.settle-container .upload .p1{
  font-size: 1.1rem;
}.settle-container .upload .le .p2{
  font-size: 1rem;
}.settle-container .tradition .tradition-box .le{
  width: 100%;
}.settle-container .tradition .tradition-box{
  padding-bottom: 20.8125rem;
}
.settle-container .tradition .tradition-box .le{
  padding: 3rem 1rem;
}
.settle-container .tradition .tradition-box .re{
  width: 100%;
position:absolute;
top:auto;
float: none;
right: auto;

bottom: 0;
left: auto;
-ms-transform: scale(1);
-moz-transform: scale(1);
-webkit-transform: scale(1);
-o-transform: scale(1);
transform: scale(1);
padding: 3rem 1rem;


}.settle-ban .ban-wz .div2{
  font-size: 1.5rem;
}
.settle-ban{
  >img{
    height: 18.75rem;
    object-fit: cover;
    object-position: bottom;
  }
}.settle-ban .ban-wz .div1{
  font-size: 1.5rem;
}.settle-ban .ban-wz .div2{
  font-size: 1.2rem;
}.settle-ban .ban-wz .div3{
  width: 100%;
  margin-top: 1rem;
}.settle-ban .ban-wz{
  width: 100%;
}.settle-ban .ban-wz .div3 a{
  padding: .6rem 2rem;
}.platform .row .col-sm{
  padding: 1rem!important;
}.platform .row .col-sm .platform-box1{
  padding-left: 0;
  padding-top: 0;
}.settle-container .provide .provide-box .provide-ul{
position: relative;

top: auto!important;
left: auto!important;
right:  auto!important;
bottom:  auto!important;
}.settle-container .provide .provide-box .provide-ul li{
  position: relative;
  width: 100%;
  left: auto!important;
  top: auto !important;
  right: auto !important;
  bottom:auto !important;
  height: auto;
  border-radius: 0;
  margin-top: 1rem;
  padding: 1rem ;
}.settle-container .provide .provide-box .provide-img{
  position: relative;

  left: 0%;
  top: 0%;
  transform: translate(0, 0);
  -ms-transform: translate(0, 0);
  -moz-transform: translate(0, 0);
  -webkit-transform: translate(0, 0);
  -o-transform: translate(0, 0);

}.settle-container .provide .provide-box .provide-ul li:nth-child(2),.settle-container .provide .provide-box .provide-ul li:nth-child(5){
  left: 0%;
  top: 0%;
  transform: translate(0, 0);
  -ms-transform: translate(0, 0);
  -moz-transform: translate(0, 0);
  -webkit-transform: translate(0, 0);
  -o-transform: translate(0, 0);
}.settle-container .provide .provide-box .provide-ul::after{
  display: none;
}.settle-container .provide .provide-box .provide-img{
  text-align: center;
}.settle-container .provide .provide-box{
  height: auto;
}.settle-container .provide .provide-box .provide-ul li::before{
  display: none;
}.settle-container .provide .provide-box .provide-ul::before{
  display: none;
}.settle-container .provide .provide-box .provide-img img{
  display: none;
}.settle-container .join .join-ul li .yuan{
  background: #fff;
}.settle-container .upload{
  margin-top: 3rem;
}.foot-bot{
  margin-top: 3rem;
}.signin .signin-le{
  display: none;
}
}

*{
  text-decoration: none;
}